Change Modules table to cards UI #5051
Conversation
GWSzeto
requested review from
MananTank,
jnsdls and
joaquim-verges
as code owners
|
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Your org has enabled the Graphite merge queue for merging into mainAdd the label “merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “hotfix” to add to the merge queue as a hot fix. You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link. |
size-limit report 📦
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #5051 +/- ##
=======================================
Coverage 45.30% 45.30%
=======================================
Files 1067 1067
Lines 55304 55304
Branches 3970 3970
=======================================
Hits 25054 25054
Misses 29557 29557
Partials 693 693
*This pull request uses carry forward flags. Click here to find out more. |
![graphite-app[bot]](https://avatars.githubusercontent.com/in/158384?s=60&v=4){kind=small}
MananTank
changed the title
## Problem solved
Short description of the bug fixed or feature added
<!-- start pr-codex -->
---
## PR-Codex overview
This PR introduces a new `ModuleCard` component and its associated storybook entries, enhancing the UI for displaying module information in a dashboard. It also refactors the `InstalledModulesTable` to utilize the new `ModuleCard` component for better modularity and readability.
### Detailed summary
- Added `ModuleCard` component in `module-card.tsx`.
- Created storybook entries for `ModuleCard` in `module-card.stories.tsx`.
- Refactored `InstalledModulesTable` to render `ModuleCard` instead of a table.
- Removed unused skeleton and row components from `InstalledModulesTable`.
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
Merge activity
|
Problem solved
Short description of the bug fixed or feature added
PR-Codex overview
This PR focuses on enhancing the
ModuleCardcomponent and its integration within theInstalledModulesTable, improving the user interface and functionality for managing modules in a dashboard.Detailed summary
ModuleCardwith desktop and mobile views.useMutationfor uninstalling and updating modules inModuleCard.InstalledModulesTablewith a flexbox layout usingModuleCard.